/*-------- 公共样式 ---------*/
body{
    margin:0;
    padding:0;
}
/* 清除浮动样式 */
.clearfix::after{
    display: block;
    content: '';
    clear: both;
}
/* 版心宽度，且居中的盒子 */
.middle{
    width: 1200px;
    margin: 0 auto;
}
/*-------- header头 ---------*/
header{
    background-color:lightblue;
}
nav{
    height: 50px;
    background-color:orange;
}

/*---------- main主体 ----------*/
main{
   
    background-color:rgb(104, 104, 209);
   
}
/*   主体第一层    */
.box{
    float: left;
    height: 500px;
}
.b1{
    background-color: rgb(97, 182, 97);
    width: 25%; /*1200px的25% */
}
.b2{
    background-color: rgb(119, 110, 25);
    width: 35%; /*1200px的25% */
}
.b3{
    background-color: rgb(238, 187, 22);
    width: 40%; /*1200px的25% */
}
/* 主体第二层 */
.secend{
    height: 500px;
    background-color: rgb(95, 167, 117);
}
/*------------ 脚部footer  ----------*/
footer{
    height: 100px;
    background-color: rgb(87, 83, 83);
}
.foot-content{
    height: 80px;
    background-color: rgb(209, 104, 104);
}